<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>正在加载中...</title>
    <style>
        /* 基础样式重置 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }

        /* 页面布局 */
        body {
            background-color: #f3f4f6;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }

        /* 主容器样式 */
        .container {
            max-width: 400px;
            width: 100%;
            background-color: white;
            border-radius: 12px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            padding: 40px 30px;
            text-align: center;
        }

        /* 加载动画样式 */
        .loader {
            width: 64px;
            height: 64px;
            border: 4px solid #3b82f6;
            border-top-color: transparent;
            border-radius: 50%;
            margin: 0 auto 30px;
            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite,
            rotate 1.5s linear infinite;
        }

        /* 文字样式 */
        h2 {
            font-size: 22px;
            color: #1f2937;
            margin-bottom: 10px;
            font-weight: 600;
        }

        .status-message {
            font-size: 16px;
            color: #6b7280;
            line-height: 1.5;
        }

        /* 动画定义 */
        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.5; }
        }

        @keyframes rotate {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }
    </style>
</head>
<body>
<div class="container">
    <!-- 加载动画 -->
    <div class="loader"></div>

    <!-- 状态文字 -->
    <h2>正在加载中...</h2>
    <p class="status-message" id="status-message">我们正在为您匹配最合适的页面</p>
</div>

<script>
    // 配置跳转地址
    const CHINA_URL = 'https://1743096738pka.hw.qianniu.net';
    const INTERNATIONAL_URL = 'https://atuofuture.com/';
    const API_TIMEOUT = 5000;

    // IP地理位置API
    const API_PROVIDERS = [
        'https://ipapi.co/json/',
        'https://ipinfo.io/json',
        'https://api.ipgeolocation.io/ipgeo?apiKey=demo'
    ];

    // 状态更新
    const statusMessage = document.getElementById('status-message');
    function updateStatus(message) {
        statusMessage.textContent = message;
    }

    // 自动检测并跳转
    function detectAndRedirect() {
        let apiIndex = 0;
        let request;

        function tryNextAPI() {
            // 检查是否已尝试所有API
            if (apiIndex >= API_PROVIDERS.length) {
                updateStatus('识别失败，尝试直接跳转...');
                // 所有API失败时的降级策略（可根据需求调整）
                setTimeout(() => {
                    window.location.href = CHINA_URL; // 默认跳转中国站点
                }, 1500);
                return;
            }

            const apiUrl = API_PROVIDERS[apiIndex];
            updateStatus('正在识别您的位置...');

            // 终止之前的请求（如果存在）
            if (request) {
                request.abort();
            }

            // 创建新的请求控制器（用于超时和终止）
            const controller = new AbortController();
            const timeoutId = setTimeout(() => controller.abort(), API_TIMEOUT);

            request = fetch(apiUrl, {
                method: 'GET',
                mode: 'cors',
                signal: controller.signal
            })
                .then(response => {
                    clearTimeout(timeoutId); // 清除超时定时器
                    if (!response.ok) {
                        throw new Error('API响应错误');
                    }
                    return response.json();
                })
                .then(data => {
                    let countryCode = '';
                    // 提取国家代码（兼容不同API的返回格式）
                    if (data.country_code) countryCode = data.country_code;
                    else if (data.country) countryCode = data.country;
                    else if (data.country_code2) countryCode = data.country_code2;

                    if (countryCode) {
                        const isChina = countryCode.toUpperCase() === 'CN';
                        updateStatus(`即将跳转到${isChina ? '中国' : '国际'}站点`);
                        setTimeout(() => {
                            window.location.href = isChina ? CHINA_URL : INTERNATIONAL_URL;
                        }, 1000);
                    } else {
                        throw new Error('未获取到地区信息');
                    }
                })
                .catch(() => {
                    clearTimeout(timeoutId); // 清除超时定时器
                    apiIndex++; // 尝试下一个API
                    tryNextAPI();
                });
        }

        tryNextAPI(); // 开始第一个API尝试
    }

    // 页面加载完成后执行检测
    document.addEventListener('DOMContentLoaded', detectAndRedirect);
</script>
</body>
</html>